<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="resource-type" content="document">
<meta name="description" content="Galería de fotos del Hotel Los Girasoles en Miraflores y fotos de los principales atractivos turísticos de Lima y Miraflores">
<meta name="keywords" content="galería de fotos, fotos del Hotel Los girasoles, fotos de la ciudad de Lima, fotos de Miraflores">
<title>Galería de fotos del Hotel Los Girasoles</title>

<meta http-equiv="X-UA-Compatible" content="IE=9">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="css/estilos_menu.css" rel="stylesheet" type="text/css" />
<link href="fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />
<script language='javascript' src="js/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script> 
<script language='javascript' src="js/jquery-ui.custom.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#dateArrival").datepicker({
			minDate:"+0d",
			maxDate:"+1y",
			showOn:"both",
			buttonImage:"imagenes/calendar.png",
			buttonImageOnly:true, buttonText:"",
			onClose: function(selectedDate) {
				if(selectedDate)
				{							
					var date = $(this).datepicker("getDate");
					date.setDate(date.getDate() + 1);
					$( "#dateDeparture" ).datepicker( "option", "minDate", date);
				}
			}});			
		$("#dateDeparture").datepicker({
			minDate:"+1d",
			maxDate:"+1d + 1y",
			showOn:"both",
			buttonImage:"imagenes/calendar.png",
			buttonImageOnly:true,
			buttonText:""});
		$("#spinner").spinner({min:1, max:50});
		$("input[type='button']").button();
		
		$("#content").prepend("<div id=message></div>");
			$("#message").load("mensaje.html");
	});
</script>
<style type="text/css">
	h1 { margin-top:0; margin-bottom:20px; }
	#galeria { float:left; clear:right; }
	#galeria div.foto { float:left; width:210px; height:158px; margin-left:40px; margin-bottom:30px; background:#CCC; }
	#galeria div.alpha { margin-left:0; }
</style>

</head>

<body>
<div id="content">
<div id="cabecera">
	<a href="index.html">&#32;</a>
	<div id="lang"> <a href="contactenos.php" rel="Contáctenos" class="tooltip"><img src="imagenes/mail.png" alt="Contáctenos" /></a>
    <a href="#" style="cursor:auto;"><img src="imagenes/vacio.png"/></a>
    <a href="index.html"><img src="imagenes/es.png" alt="Español" /></a><a href="index_in.html"><img src="imagenes/en.png" alt="English" /></a> </div>
	<div id="menu">
		<ul id="navi">
			<li class="n1"><a href="habitaciones_y_tarifas.html">Habitaciones</a></li>
			<li class="n2"><a href="restaurante.html">Sawa Café</a></li>
			<li class="n3"><a href="servicios.html">Servicios</a></li>
			<li class="n4"><a href="eventos.html">Eventos</a></li>
			<li class="n5"><a href="nosotros.html">Nosotros</a></li>
		</ul>
	</div>
</div>
<div id="contenido-banda">
				 <div id="reservas"> <div class="tit">Realiza tu Reserva</div>
              <form name="form_reservas" action="">
                <p>
                  <label for="llegada">Llegada</label>
                  <input name="llegada" type="text" id="dateArrival" size="10" />
                </p>
                <p>
                  <label for="salida">Salida</label>
                  <input name="salida" type="text" id="dateDeparture" size="10" />
                </p>
                <p>
                  <label for="cantidad">Personas</label>
                  <input style="width:70px;" id="spinner" name="cantidad" />
                </p>
                <!--<a class="btn" href="#" id="show"> RESERVAR </a>-->
                <a class="btn" target="_blank" href="http://www.go2peru.travel/G2PWeb/page/ext/filtro.faces?type=1&lang=US&id=297">
               			RESERVAR
               			 </a>
              </form>
            </div>
				<div id="banner1">
					<img src="imagenes/banner-1.jpg" />
				</div>
				<div id="banner2-int"> <a href="qperu_esp.html"><img src="imagenes/banner-2.jpg" /></a></div>
				<div id="banner3">
				  <div id="TA_certificateOfExcellence437" class="TA_certificateOfExcellence">
<ul id="YBYU68K" class="TA_links W3NeSVKGQR">
<li id="ch9mtWvU" class="Q1PR1CgZrm"><a href="http://www.tripadvisor.com.mx/Hotel_Review-g294316-d546112-Reviews-Los_Girasoles_Hotel-Lima_Lima_Region.html">Los Girasoles Hotel</a></li>
</ul>
</div>
<script src="http://www.jscache.com/wejs?wtype=certificateOfExcellence&amp;uniq=437&amp;locationId=546112&amp;lang=es_MX&amp;year=2013"></script>
				</div>
			</div>
<div id="cuerpo">

    <h1>Galería</h1>
    
    <div id="galeria">
    	&#32;
    </div>
    
</div>

<div class="spacer-10">&#32;</div>

<div style="border-top:1px solid #6e2c18; margin-top:10px;">&#32;</div>

<div id="menu2"><iframe width="100%" height="45" src="menu2.html" scrolling="no" frameborder="no" ></iframe></div>
<img class="linea_footer" src="imagenes/linea-footer.jpg" width="946" height="11"/>
<div id="footer">
  <div class="f-right">
    <div> <a class="fb_icon" target="_blank" href="http://www.facebook.com/pages/Girasoles-Hotel/177707563641"><img src="imagenes/facebook-2.png" alt="" /></a></div>
    <div id="TA_linkingWidgetRedesign970" class="TA_linkingWidgetRedesign">
      <ul id="GuDnweEGf3wP" class="TA_links MF6xcDw1I">
        <li id="lu2tlzbvKFW" class="QM7pLZk">Leer opiniones de 
        <a target="_blank" href="http://www.tripadvisor.com.mx/Hotel_Review-g294316-d546112-Reviews-Los_Girasoles_Hotel-Lima_Lima_Region.html">Los Girasoles Hotel</a></li>
      </ul>
    </div>
    <script src="http://www.jscache.com/wejs?wtype=linkingWidgetRedesign&amp;uniq=970&amp;locationId=546112&amp;lang=es_MX&amp;border=false"></script>
  </div>
  <p>
		(511) 4466075<br />
		(511) 2411119<br />
		Diez Canseco 696<br />
		Miraflores - Lima 18
	</p>
</div>
</div>

<script type="text/javascript">
	$(document).ready(function() {		
		//
		for(var i = 0; i < 18; i++)
		{
			if(i % 3 == 0)
			{
				$('#galeria').append('<div class="foto alpha">' + 
					'<a href="photos/hgir_' + (i + 1) + '.jpg" rel="work" class="zoom">' + 
					'<img src="photos/hgir_' + (i + 1) + '.jpg" width="210" height="158" border="0" /></a></div>'); 
			}
			else
			{
				$('#galeria').append('<div class="foto">' + 
					'<a href="photos/hgir_' + (i + 1) + '.jpg" rel="work" class="zoom">' + 
					'<img src="photos/hgir_' + (i + 1) + '.jpg" width="210" height="158" border="0" /></a></div>'); 
			}
		}			
		/*
		$('.projects li figure a img').animate({'opacity' : 1}).hover(function() {
			$(this).animate({'opacity' : .5});
		}, function() {
			$(this).animate({'opacity' : 1});
		});*/
		$('.zoom img').animate({'opacity' : 1}).hover(function() {
			$(this).animate({'opacity' : .5});
		}, function() {
			$(this).animate({'opacity' : 1});
		});

		$("a[rel=work]").fancybox({
			openEffect:'elastic',
			closeEffect:'elastic',
		});
		/*$("a[rel=recent_work]").fancybox({
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
		});*/
	});
</script>
</body>
</html>
